<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-[#fff]  pb-[10rpx] border-b border-[#EFEFEF] font-medium px-[46rpx] text-[30rpx]">
            <view class=" mt-[20rpx]">学校：<text class="ml-[30rpx]">青秀区老年大学</text></view>
            <view class="mt-[20rpx]">教学点：<text class="ml-[30rpx]  ">七星区教学点</text></view>
            <view class="mt-[20rpx]">班级：<text class="ml-[30rpx]  ">xxxx班级</text></view>
            <view class="mt-[20rpx]">课程名称：<text class="ml-[30rpx]  "></text></view>
            <view class="mt-[20rpx]">上课时间：<text class="ml-[30rpx]  "></text></view>
            <view class="mt-[20rpx]">上课地点：<text class="ml-[30rpx]  "></text></view>
            <view class="mt-[20rpx]">课程内容<text class="ml-[30rpx]  "></text></view>
            <view class="mt-[20rpx] flex items-center "><view class="mr-[120rpx]">打卡人数：<text class="text-[#FD755D]">30</text></view><view>评价人数：<text class="text-[#FD755D]">20</text></view></view>
            
           
        </view>
  
        <view class="bg-white pt-[20rpx] px-[46rpx] font-medium text-[30rpx]">
            <view class="mt-[20rpx]  flex items-center "><view class="mr-[120rpx]">教师姓名：<text class="text-[#FD755D]">30</text></view><view>教师打卡：<text class="text-[#FD755D]">20</text></view></view>
            <view class="mt-[20rpx]  flex items-center "><view class="mr-[120rpx]">管理员姓名：<text class="text-[#FD755D]">30</text></view><view>管理员打卡：<text class="text-[#FD755D]">20</text></view></view>
           
            <view class="mt-[20rpx] ">
                <view>评价详情：</view>
                <view class="font-light mt-[20rpx] text-[#333333] text-[26rpx]">1、账号12355 <text class="ml-[30rpx]">张三</text><text class="ml-[30rpx]">上课很好</text><text class="ml-[30rpx]">12-12 16:45</text></view>
            </view>

            <view class="mt-[20rpx]">课程图片：
                <view class="mt-20rpx flex items-center justify-between">
                    <image v-for="(item, index) in 4"
                        src="https://gangantao.com/image/20241216/489657c8-7f43-436b-a626-c1d7e390588a.png"
                        mode="widthFix" class="w-[152rpx] h-[152rpx]"></image>
                </view>
            </view>

        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'

const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>